<template>
	 <el-row class="tac">
	 <el-col :span="12">
	     
	      <el-menu
	        active-text-color="#ffd04b"
	        background-color="#545c64"
	        class="el-menu-vertical-demo"
	        default-active="2"
	        text-color="#fff"
	        @open="handleOpen"
	        @close="handleClose"
			style="width: 200px;
			height: calc(100vh - 60px);
			"
	      >
	        <el-sub-menu index="1">
	          <template #title>
	            <el-icon><location /></el-icon>
	            <span>选项1</span>
	          </template>
	          <el-menu-item-group>
	            <el-menu-item index="1-1">选项1-1</el-menu-item>
	            <el-menu-item index="1-2">选项1-2</el-menu-item>
	          </el-menu-item-group>
	          <el-menu-item-group>
	            <el-menu-item index="1-3">选项2</el-menu-item>
	          </el-menu-item-group>
	         <!-- <el-sub-menu index="1-4">
	            <template #title>选项3</template>
	            <el-menu-item index="1-4-1">选项3-1</el-menu-item>
	          </el-sub-menu> -->
	        </el-sub-menu>
	        <el-menu-item index="2">
	          <el-icon><icon-menu /></el-icon>
	          <span>选项2</span>
	        </el-menu-item>
	        <!-- <el-menu-item index="3" disabled>
	          <el-icon><document /></el-icon>
	          <span>Navigator Three</span>
	        </el-menu-item> -->
	        <el-menu-item index="4">
	          <el-icon><setting /></el-icon>
	          <span>选项3</span>
	        </el-menu-item>
	      </el-menu>
	    </el-col>
	  </el-row>
</template>
 
<script>
	
</script>
 
<style>
</style>